<div class="bg-light lter b-b wrapper-md">
    <h4 class="m-n font-thin">预约订单</h4>
</div>
<div class="wrapper-md ng-scope">
    <div class="panel"  ng-controller="bookingCtrl">
        <div class="panel-body ">
            <div class="b-a panel-body m-b-md">
                <form class="form-inline m-n">
                        <div>
                            <div class="form-group">
                                <label class="control-label">预约单号:</label>
                                <input type="text" class="input-sm form-control" ng-model="bookingVO.bookingNumber" placeholder="搜索的预约单号">
                            </div>

                            <div class="form-group">
                                <label class="control-label">第三方交易编号:</label>
                                <input type="text" class="input-sm form-control" ng-model="bookingVO.transactionNumber" placeholder="搜索的第三方交易编号">
                            </div>
                        </div>
                        <div class="block m-t-sm">
                            <label class="control-label">下单时间</label>
                            <div class="input-group" ng-controller="DatepickerDemoCtrl">
                                <div class="input-group  no-padder m-n w-lg">
                                    <input type="text" class="input-sm form-control" placeholder="请输入开始日期" uib-datepicker-popup="yyyy-MM-dd" datepicker-popup="yyyy-MM-dd" ng-model="bookingVO.startDate"
                                           alt-input-formats="altInputFormats" is-open="opened" datepicker-options="dateOptions" close-text="关闭" clear-text="清空" current-text="今天" max-date="maxDate"/>
                                        <span class="input-group-btn ">
                                            <button type="button" class="input-sm btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </span>
                                </div>
                            </div>
                            <div class="input-group" ng-controller="DatepickerDemoCtrl">
                                <div class="input-group  no-padder m-n w-lg">
                                    <input type="text" class="input-sm form-control" placeholder="请输入结束日期" uib-datepicker-popup="yyyy-MM-dd" datepicker-popup="yyyy-MM-dd" ng-model="bookingVO.endDate"
                                           alt-input-formats="altInputFormats" is-open="opened" datepicker-options="dateOptions" close-text="关闭" clear-text="清空" current-text="今天" min-date="bookingVO.startDate" max-date="maxDate"/>
                                        <span class="input-group-btn ">
                                            <button type="button" class="input-sm btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </span>
                                </div>
                            </div>
                        </div>
                        <div class="block m-t-sm">
                            <label class="control-label">付款时间</label>
                            <div class="input-group" ng-controller="DatepickerDemoCtrl">
                                <div class="input-group  no-padder m-n w-lg">
                                    <input type="text" class="input-sm form-control" placeholder="请输入开始日期" uib-datepicker-popup="yyyy-MM-dd" datepicker-popup="yyyy-MM-dd" ng-model="orders.buyStartDate"
                                           alt-input-formats="altInputFormats" is-open="opened" datepicker-options="dateOptions" close-text="关闭" clear-text="清空" current-text="今天" max-date="maxDate"/>
                                        <span class="input-group-btn ">
                                            <button type="button" class="input-sm btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </span>
                                </div>
                            </div>
                            <div class="input-group" ng-controller="DatepickerDemoCtrl">
                                <div class="input-group  no-padder m-n w-lg">
                                    <input type="text" class="input-sm form-control" placeholder="请输入结束日期" uib-datepicker-popup="yyyy-MM-dd" datepicker-popup="yyyy-MM-dd" ng-model="orders.buyEndDate"
                                           alt-input-formats="altInputFormats" is-open="opened" datepicker-options="dateOptions" close-text="关闭" clear-text="清空" current-text="今天" min-date="orders.startDate" max-date="maxDate"/>
                                        <span class="input-group-btn ">
                                            <button type="button" class="input-sm btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </span>
                                </div>
                            </div>
                            <button class="btn btn-sm btn-info" ng-click="findPageAll()" >查询</button>
                        </div>

                    </form>
            </div>
            <div>
                <tabset class="tab-container m-n">
                    <tab heading="全部订单" ng-click="changeStatus(-1)">
                        <div ng-include="'tpl/booking/booking_all.html'"></div>
                    </tab>
                    <tab heading="未付款" ng-click="changeStatus(0)">
                        <div ng-include="'tpl/booking/booking_wait.html'"></div>
                    </tab>
                    <tab heading="已付款" ng-click="changeStatus(1)">
                        <div ng-include="'tpl/booking/booking_paid.html'"></div>
                    </tab>
                    <tab heading="已完成" ng-click="changeStatus(2)">
                        <div ng-include="'tpl/booking/booking_complete.html'"></div>
                    </tab>
                    <tab heading="已过期" ng-click="changeStatus(3)">
                        <div ng-include="'tpl/booking/booking_invalid.html'"></div>
                    </tab>
                </tabset>
            </div>
        </div>
    </div>
</div>


